<template>
	<view>
		<view class="header">
			<!-- 决策支持 / 院长查询 -->
			<uni-section title="决策支持" type="line" is-shadow="true">
				<uni-card title="院长查询" sub-title="Dean's inquiry" extra="👉" :thumbnail="avatarY" @click="onClickY">
					<text class="uni-body">这是一个院长查询，以此展示了一个对应结果的数据图表以及完整信息的表格。</text>
				</uni-card>
			</uni-section>
			<!-- 决策支持 / 抗菌药物检测 -->
				<uni-card title="抗菌药物检测" sub-title="Dean's inquiry" extra="👉" :thumbnail="avatarK" @click="onClickK">
					<text class="uni-body">这是一个抗菌药物检测查询，以此展示了一个对应结果的数据图表以及完整信息的表格。</text>
				</uni-card>
	
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatarY: '../../static/images/Yuanz.png',
				avatarK: '../../static/images/medicenTest.png',
			};
		},
		methods:{
			onClickY(){
				uni.navigateTo({
					url:'/Views/decisionSupport/DeanInquiry/DeanInquiry'
				})
			},
			onClickK(){
				uni.navigateTo({
					url:'/Views/decisionSupport/AntibacterialDrugTesting/AntibacterialDrugTesting'
				})
			}
		}
	}
</script>

<style lang="scss">
.header{
	font-size: 20px;
}

// 穿透
::v-deep .uni-card__content{
	font-size: 10px !important;
}
::v-deep .uni-card__header-content-title{
	font-size: 12px !important;
}
::v-deep .uni-card__header-content-subtitle {
	font-size: 10px !important;
}
::v-deep .uni-section__content-title {
	font-size: 18px !important;
}
</style>
